<template>
    <div class="intent">
        <Component :is="intent.type" :intent="intent"></Component>
        <!-- <Component :is="intent.transition || 'MyTransitionNo0'">
            <Component :is="intent.type" :intent="intent"></Component>
        </Component> -->
    </div>
</template>

<script>
import UserMessage from './intents/UserMessage.vue'
import BotMessage from './intents/BotMessage.vue'
import SysMessage from './intents/SysMessage.vue'

export default {
    components: {
        UserMessage,
        BotMessage,
        SysMessage,
    },
    props: {
        intent: Object,
    },
}
</script>

<style scoped>
.intent {
    width: 100%;
}
</style>